.navbar {
  @height: 64px;

  height: @height;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  border-bottom: @thinBorder;

  .logo {
    flex-shrink: 0;

    img {
      height: 48px;
    }
  }

  .nav {
    flex: 1;
    display: flex;
    align-items: center;
    padding-left: 20px;
    position: relative;

    a {
      margin: 0 20px;
      display: block;
      height: @height;
      line-height: @height;
    }

    .slidebar {
      background-color: @themeColor;
      transition: .2s;
      position: absolute;
      bottom: 0;
      height: 2px;
      width: 500px;
    }
  }

  .nav-end {
    flex-shrink: 0;
    display: flex;
    align-items: center;

    .avatar {
      cursor: pointer;

      img {
        width: 36px;
        height: 36px;
        border-radius: 12px;
      }
    }
  }
}
